<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>成都融微软件服务有限公司</title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_2061828_cu0j8gakeb6.css" />
  <link rel="stylesheet" href="js/layui/css/layui.css" />
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headleft.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/phone.css" />
  <link rel="stylesheet" href="./css/zzc_geren.css">
  <link rel="stylesheet" href="./css/zzc_phone.css">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/echarts.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <div class="daohang bgff">
    <script>
      $(".daohang").load("header.html");
    </script>
  </div>

  <!-- 创建设计方案 -->
  <div class="substance">
    <div class="substance_lf">
      <!-- 左边栏目 -->
      <script>
        $(".substance_lf").load("zzc_left.html");
      </script>
    </div>
    <div class="substance_rt huibg">
      <!-- 右边的内容 -->
      <!-- 导航 -->
      <div class="rt_tit">
        <a href="#" class="fnt_14">个人中心</a> / <a href="#" class="fnt_14">我的积分</a>
      </div>

      <!-- 我的任务 -->
      <div class="rw_par">
        <div class="rw_top">
          <div class="jf_c_top rw_top_div">
            <div>
              <p>任务名称：</p>
              <input type="text" name="" id="">
            </div>

            <div>
              <p>任务类型：</p>
              <select name="" id="">
                <option value="">所有</option>
                <option value=""></option>
              </select>
            </div>

            <div>
              <p>分类：</p>
              <input type="text" name="" id="">
            </div>

            <div>
              <p>上传时间：</p>
              <input type="text" name="" id="">
            </div>

            <div>
              <p>任务状态：</p>
              <select name="" id="">
                <option value="">所有</option>
                <option value=""></option>
              </select>
            </div>

            <div>
              <button>查询</button>
              <button>重置</button>
            </div>

          </div>

        </div>

        <div class="rw_c">

          <div class="rw_c_top">
            <p> <i class="iconfont icon-fangan1"></i> 任务列表</p>
            <button>数据导出</button>
          </div>

          <table class="layui-table pc_show">
            <thead>
              <tr> 
                <th class="gwc_box"><b id="all_btn"></b> 行号 </th>
                <th> 任务名称 </th>
                <th> 所属项目 </th>
                <th> 任务类型 </th>
                <th> 分类</th>
                <th>上传时间 </th>
                <th> 状态</th>
                <th> 操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                <td>观《八佰》有感 </td>
                <td> 推荐式影评征稿 </td>
                <td> “推荐式影评/影人系列” 征稿 </td>
                <td> 设计方案 </td>
                <td> 2020915 </td>
                <td>审核中 </td>
                <td>
                  <a class="layui-btn layui-btn-primary layui-btn-xs"> <i class="iconfont icon-bianji"></i> 详情</a>
                </td>
              </tr>
              <tr>
                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                <td>观《八佰》有感 </td>
                <td> 推荐式影评征稿 </td>
                <td> “推荐式影评/影人系列” 征稿 </td>
                <td> 设计方案 </td>
                <td> 2020915 </td>
                <td>审核中 </td>
                <td>
                  <a class="layui-btn layui-btn-primary layui-btn-xs"> <i class="iconfont icon-bianji"></i> 详情</a>
                </td>
              </tr>
              <tr>
                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                <td>观《八佰》有感 </td>
                <td> 推荐式影评征稿 </td>
                <td> “推荐式影评/影人系列” 征稿 </td>
                <td> 设计方案 </td>
                <td> 2020915 </td>
                <td>审核中 </td>
                <td>
                  <a class="layui-btn layui-btn-primary layui-btn-xs"> <i class="iconfont icon-bianji"></i> 详情</a>
                </td>
              </tr>
              <tr>
                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                <td>观《八佰》有感 </td>
                <td> 推荐式影评征稿 </td>
                <td> “推荐式影评/影人系列” 征稿 </td>
                <td> 设计方案 </td>
                <td> 2020915 </td>
                <td>审核中 </td>
                <td>
                  <a class="layui-btn layui-btn-primary layui-btn-xs"> <i class="iconfont icon-bianji"></i> 详情</a>
                </td>
              </tr>
              <tr>
                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                <td>推荐式影评征稿</td>
                <td> “推荐式影评/影人系列” 征稿    </td>
                <td> 约稿 </td>
                <td> 分类名称 </td>
                <td> 2020915 </td>
                <td>审核中 </td>
                <td>
                  <a class="layui-btn layui-btn-primary layui-btn-xs"> <i class="iconfont icon-bianji"></i> 详情</a>
                </td>
              </tr>     
            </tbody>
            <tfoot>
              <tr>
                <td colspan="22">
                  <div class="tDiv">

                    <div class="list-page">
                      <input type="hidden" id="pageurl" value="c=index">
                      <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                      <div id="turn-page">
                        <span class="page page_1">总计 <em id="totalRecords">425</em>个记录</span>
                        <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                        <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                        <span class="page page_3">
                          <i>每页</i>
                          <input type="text" size="3" id="pageSize" value="15">
                        </span>
                        <span id="page-link">
                          <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                          <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                          <select id="gotoPage">
                            <option value="1" selected="">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                          </select>
                          <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                          <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                        </span>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </tfoot>
          </table>
          <div class="rw_c_ul_par phone_show">
            <div class="gwc_boxs fnt_14" style="padding-left: 20px; "><b id="all_btns"></b> 序号</div>
            <ul class="rw_c_ul">
              <li>
                <div class="gwc_boxs"><b class="active_btns active"></b> 序号1 </div>
                <div> <span class="col_444">任务名称:</span> 推荐式影评征稿</div>
                <div><span class="col_444">所属项目:</span>“推荐式影评/影人系列” 征稿   </div>
                <div><span class="col_444">任务类型:</span>约稿</div>
                <div><span class="col_444">分类:</span>分类名称</div>
                <div><span class="col_444">上传时间:</span>2020915</div>
                <div class="active"><span class="col_444">状态:</span>进行中</div>
                <div class="xq"> <span class="col_444">操作:</span>
                  <a href=""> <i class="iconfont icon-bianji"></i> 详情</a>
                </div>
              </li>
              <li>
                <div class="gwc_boxs"><b class="active_btns active"></b> 序号1</div>
                <div> <span class="col_444">任务名称:</span> 推荐式影评征稿</div>
                <div><span class="col_444">所属项目:</span>“推荐式影评/影人系列” 征稿 </div>
                <div><span class="col_444">任务类型:</span>约稿</div>
                <div><span class="col_444">分类:</span>分类名称</div>
                <div><span class="col_444">上传时间:</span>2020915</div>
                <div class="active"><span class="col_444">状态:</span>进行中</div>
                <div class="xq"><span class="col_444">操作:</span>
                  <a href=""> <i class="iconfont icon-bianji"></i> 详情</a>
                </div>
              </li>
              <li>
                <div class="gwc_boxs"><b class="active_btns active"></b> 序号1</div>
                <div> <span class="col_444">任务名称:</span> 推荐式影评征稿</div>
                <div><span class="col_444">所属项目:</span>“推荐式影评/影人系列” 征稿 </div>
                <div><span class="col_444">任务类型:</span>约稿</div>
                <div><span class="col_444">分类:</span>分类名称</div>
                <div><span class="col_444">上传时间:</span>2020915</div>
                <div class="active"><span class="col_444">状态:</span>进行中</div>
                <div class="xq"><span class="col_444">操作:</span>
                  <a href=""> <i class="iconfont icon-bianji"></i> 详情</a>
                </div>
              </li>
              <li>
                <div class="gwc_boxs"><b class="active_btns active"></b>序号1 </div>
                <div> <span class="col_444">任务名称:</span> 推荐式影评征稿</div>
                <div><span class="col_444">所属项目:</span>“推荐式影评/影人系列” 征稿 </div>
                <div><span class="col_444">任务类型:</span>约稿</div>
                <div><span class="col_444">分类:</span>分类名称</div>
                <div><span class="col_444">上传时间:</span>2020915</div>
                <div class="active"><span class="col_444">状态:</span>进行中</div>
                <div class="xq"><span class="col_444">操作:</span>
                  <a href=""> <i class="iconfont icon-bianji"></i> 详情</a>
                </div>
              </li>
            </ul>
            <!-- 页码 -->
            <div class="page_par">
              <div class="list-page">
                <input type="hidden" id="pageurl" value="c=index">
                <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                <div id="turn-page">
                  <span class="page page_1">总计 <em id="totalRecords">425</em>个记录</span>
                  <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                  <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                  <span class="page page_3">
                    <i>每页</i>
                    <input type="text" size="3" id="pageSize" value="15">
                  </span>
                  <span id="page-link">
                    <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                    <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                    <select id="gotoPage">
                      <option value="1" selected="">1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                      <option value="5">5</option>
                      <option value="6">6</option>
                      <option value="7">7</option>
                      <option value="8">8</option>
                      <option value="9">9</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                      <option value="13">13</option>
                      <option value="14">14</option>
                      <option value="15">15</option>
                      <option value="16">16</option>
                      <option value="17">17</option>
                      <option value="18">18</option>
                      <option value="19">19</option>
                      <option value="20">20</option>
                      <option value="21">21</option>
                      <option value="22">22</option>
                      <option value="23">23</option>
                      <option value="24">24</option>
                      <option value="25">25</option>
                      <option value="26">26</option>
                      <option value="27">27</option>
                      <option value="28">28</option>
                      <option value="29">29</option>
                    </select>
                    <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                    <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                  </span>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>
  <!-- 尾部 -->
  <div class="foot huibg">
    <script>
      $(".foot").load("foot.html");
    </script>
  </div>
    </div>

  </div>







  <script>
    /*
  拿到当前data-的值  进行解析 
  先按照$进行切割  获得每个变量的值
  然后拿到表达式
*/ function ifanychecked() {
      var num = $('b.active_true').length;
      if (num > 0) {
        return true;
      }
    }
    //全选
    $('#all_btn').click(function () {
      if ($('#all_btn').html() != '') {
        $('#all_btn').html('');
        $('.gwc_box b.active_btn').html('').removeClass('active_true');
        return false;
      }
      $(this).html('<img src="images/gwc_bg.png"/>');
      $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
    });

    //单选
    $('b.active_btn').click(function () {
      if ($(this).html() != '') {
        $(this).html("").removeClass('active_true');
        $('#all_btn').html('');
        return true;
      }
      $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
      if (ifall()) {
        $('#all_btn').html('<img src="images/gwc_bg.png"/>');
      }
    });

    //点击单选，全选判断
    function ifall() {
      var num1 = $('b.active_btn').length;
      var num2 = $('b.active_true').length;
      if (num1 == num2) {
        return true;
      }
    }
    function ifanycheckeds() {
      var num = $('b.active_trues').length;
      if (num > 0) {
        return true;
      }
    }
 //全选
 $('#all_btns').click(function () {
      if ($('#all_btns').html() != '') {
        $('#all_btns').html('');
        $('.gwc_boxs b.active_btns').html('').removeClass('active_trues');
        return false;
      }
      $(this).html('<img src="images/gwc_bg.png"/>');
      $('.gwc_boxs b.active_btns').html('<img src="images/gwc_bg.png"/>').addClass('active_trues');
    });

    //单选
    $('b.active_btns').click(function () {
      if ($(this).html() != '') {
        $(this).html("").removeClass('active_trues');
        $('#all_btns').html('');
        return true;
      }
      $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_trues');
      if (ifall()) {
        $('#all_btns').html('<img src="images/gwc_bg.png"/>');
      }
    });

    //点击单选，全选判断
    function ifall() {
      var num1 = $('b.active_btns').length;
      var num2 = $('b.active_trues').length;
      if (num1 == num2) {
        return true;
      }
    }
  </script>
</body>

</html>